<template>
<div>
 <Hot>
   <div class="top">
       <h3>本周热搜 TOP5</h3>
            <ul class="ls">
                <li v-for="(item,index) in list" :key="index"><span>#{{item.name}}</span><span>{{item.hot}}</span></li>
            </ul>
    </div>
 </Hot>
 <Hot>
  <div class="people">
    <h3>可能感兴趣的人</h3>
        <ul class="pl">
            <li v-for="(item,index) in ls" :key="index">
                <div class="left">
                    <p><span>{{item.name}}</span>&nbsp;&nbsp;<span>{{item.age}}岁</span></p>
                    <p>{{item.ly}}</p>
                    <p>{{item.school}}</p>
                </div>
                <div class="right">
                    <p>+关注</p>
                </div>
            </li>
        </ul>
    </div>
 </Hot>
</div>
</template>

<script>
import Hot from './components/HotPeople.vue'
export default {
 data () {
 return {
    list:[
      {name:'区块链',hot:96},
       {name:'数据挖掘',hot:91},
        {name:'无人机',hot:87},
         {name:'生命科学',hot:72},
          {name:'传感器',hot:60}
    ],
    ls:[
      {name:'李国强',age:52,ly:'研究领域:机电一体化技术',school:'哈尔滨工业大学·教授'},
       {name:'陈颖',age:36,ly:'研究领域:人工智能',school:'清华大学·副教授'}
    ]
   }
 },

 components: {
  Hot
 },

 methods: {}
}
</script>

<style scoped>
</style>